<template>
    <div class="solutionIdea">
        <!-- 头部 -->
        <InsideHeader :bannerType="bannerType"></InsideHeader>
       
        <!-- 面包屑 -->
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionIndex'}">解决方案</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionDetails'}">e-F@ctory</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionIdea'}" class="on">FA-IT信息协同</nuxt-link>
                    <div class="clear"></div>
                </div>
                <!-- <div class="crumbR">
                    <nuxt-link :to="{name: 'solution-solutionDetails'}">e-F@ctory </nuxt-link>
                    <nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link>
                    <a href="#">产品解决方案</a>
                    <nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link>
                    <a href="#">课题解决方案</a>
                    <nuxt-link :to="{name: 'solution-solutionLead'}">导入事例</nuxt-link>
                    <div class="clear"></div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>

        <div class="block">
            <div class="content">
                <div class="title">
                    <span>FA-IT信息协同</span>
                </div>
                <div class="tab">
                    <ul>
                        <li @click="tabStyle(0)" :class="[{tabS:id==0}]"><span>理念</span></li>
                        <li @click="tabStyle(1)" :class="[{tabS:id==1}]"><span>产品种类</span></li>
                        <div class="clear"></div>
                    </ul>
                </div>
               <div v-show="id===0" class="first">
                   <ul class="list">
                       <li>
                           <img src="../../static/newsImg/16.jpg" alt="FA-IT信息协同">
                       </li>
                       <li class="right">
                           <p v-for="list in list" :key="list">{{list}}</p>
                       </li>
                   </ul>

               </div>
                <div v-show="id===1" class="kind">
                    <div class="tabInside">
                        <ul class="tabInsideTop">
                            <li v-for=" (item,index) in tabInside" :key="index" @click="tabInsideF(index)" :class="[{tabInsideTopA:tabInsideid==index}]">{{item}}</li>
                            <div class="clear"></div>
                        </ul>
                        <div class="tabInsideBottom">
                            <div class="msg">
                                <div class="img">
                                    <img src="../../static/newsImg/34.jpg" alt="FA-IT信息协同">
                                </div>
                                <div class="mode">
                                    <div class="left">
                                        <p>低成本轻松链接生产现场和MES的MES接口产品</p>
                                        <p>MES接口产品能够不通过计算机等通信网关，直接连接生产设备和MES（制造执行系统）侧的数据库</p>
                                        <ul>
                                            <li>获取MELSEC可编程控制器中手收集的信息时，可利用可编程控制器的MES接口</li>
                                            <li>获取现有设备和各个公司控制器信息时，可利用GOT2000/1000的MES接口功能</li>
                                            <li>获取MELQIC中数据手机记录、解析的信息时，可利用MELQIC的MES接口板</li>
                                        </ul>
                                        <p>简单而低成本地实现生产检查设备与Mes之间的信息协同</p>
                                        <p>将从生产现场收集到的信息直接发送至数据库</p>
                                        <p>可以在MES接口侧监视事件数据的发生，条件成立时将作业实绩信息发送至IT系统数据库。
                                        此外，使用MES接口，从数据库读出作业指示信息等数据</p>
                                        <p>系统构建费用削减65%*1</p>
                                        <p>通过使用MES接口，直接连接可编程控制器和数据库，简化系统结构。此外，因为连接时不需要网关计算机
                                        和程序，所以与以往相比，可以减少系统构建时的作业工时、工期，而且还可以降低计算机的维持修复成本。</p>
                                        <p>*1,本公司的估算值</p>
                                    </div>
                                    <div class="right">
                                        <img src="../../static/newsImg/35.jpg" alt="FA-IT信息协同">
                                    </div>
                                </div>
                                <div class="mode">
                                    <div class="left">
                                        <img src="../../static/newsImg/36.jpg" alt="FA-IT信息协同">
                                    </div>
                                    <div class="right">
                                        <div>
                                            <p>
                                                FA-IT信息协同产品的强力支持
                                            </p>
                                            <p>支持确保数据可靠性的各种功能！</p>
                                            <ul>
                                                <li>
                                                        在通信异常以及服务器未响应时，将带有时间戳的信息临时保存到SD卡/CF卡中。在异常
                                                        恢复时自动重新发送数据，确保数据的连续性。
                                                </li>
                                                <li>
                                                    可以通过SNTP，同步信息系统和生产设备的时间
                                                </li>
                                                <li>
                                                    可以取得异常时的日子
                                                </li>
                                            </ul>
                                        </div>
                                        <div>
                                            <p>无程序的简单设定 （Easy To Use）</p>
                                            <p> 专用设定工具会以向导形式清楚地显示需要设定的项目，因此可以有序地进行设定。它会</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "solutionIdea",
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        data(){
            return{
                bannerType:'solution',
                tabInsideid:0,
                id:1,
                    list:[
                        "迅速应对需求变化，提高运转率，缩短开发周期，提高质量，削减成本…要解决制造业存在的课题，关键在于如何对生产现场进行信息化，并充" +
                        "分利用只写数据。FA-IT信息协同产品系列是来源于e-F@ctory的划时代产品",
                        "将生产设备，MES（制造执行系统）乃至上层信息系统直接连到一起"
                    ],
                tabInside:[
                    '产品结构 ',
                    ' MELSEC iQ-R/MELSEC Q MES接口',
                    '显示器GOT2000 MES接口',
                    'MELQIC MES接口',
                    '数值控制装置 M800/M80系列 MES接口',
                    'C语言控制器',
                ]

            }

        },
        methods:{
            tabStyle(index){
                this.id=index
                console.log(index)
            },
            tabInsideF(index){
                this.tabInsideid=index
                console.log(index)
            }
        }
    }
</script>

<style scoped>

</style>
